<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title><%=title%></title>

    <!-- <link href="" /> -->
    <link
      rel="stylesheet"
      href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
      crossorigin="anonymous"
    />
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet"
    />
    <link type="text/css" rel="stylesheet" href="/style/reset.css" />
    <link type="text/css" rel="stylesheet" href="/style/icons.css" />
    <link type="text/css" rel="stylesheet" href="/style/index.css" />
    <link type="text/css" rel="stylesheet" href="/style/animate.css" />
  </head>
  <body>
    <!-- <div id="scroll-line"></div> -->

    <div id="app">
      <!-- <header class="zoom-me">
        <img class="pic" src="https://unsplash.it/1200/800?image=838" />
      </header> -->

      <main id="main">
        <section name="page1" class="section background">
          <div class="content-wrapper">
            <div class="content-avatar">
              <img
                src="https://avatars3.githubusercontent.com/u/45113594?s=460&v=4"
                alt=""
              />
            </div>

            <h1 class="content-motto">
              I eat alone. I sleep alone. I cry alone. So....cool.
            </h1>

            <p class="content-description">
              我叫冯伟<i class="material-icons md-18">face</i>
            </p>
            <p class="content-description">一名前端开发工程师</p>
            <p class="content-description">fw6.github.io</p>
          </div>
        </section>

        <section name="page2" id="part2" class="section background">
          <div class="content-wrapper">
            <p class="content-title">关于我</p>
            <ul class="content-info-list">
              <li>
                <div class="icon">
                  <i class="material-icons md-48">sentiment_satisfied_alt</i>
                </div>
                <p class="desc">年龄/18岁</p>
              </li>
              <li>
                <div class="icon">
                  <i class="material-icons md-48">local_library</i>
                </div>
                <p class="desc">学历/本科</p>
              </li>
              <li>
                <div class="icon">
                  <i class="material-icons md-48">location_on</i>
                </div>
                <p class="desc">坐标/上海</p>
              </li>
              <li>
                <div class="icon">
                  <i class="material-icons md-48">bug_report</i>
                </div>
                <p class="desc">状态/实习</p>
              </li>
            </ul>

            <div class="content-detail">
              熟悉MV*开发，深谙自动化、模块化开发之道<br />
              高效的自学能力，具备独立分析解决问题能力<br />
              强烈的自我驱动力，代码强迫症患者
            </div>
          </div>
        </section>

        <section name="page3" id="part3" class="section background">
          <div class="content-wrapper">
            <p class="content-title">技能栈</p>
            <div class="content-skills">
              <ul class="skill-wrapper">
                <li>
                  <img
                    src="https://zos.alipayobjects.com/rmsportal/JFKAMfmPehWfhBPdCjrw.svg"
                    alt="egg.js"
                  />
                </li>
                <li>
                  <img
                    src="https://cdn.ijason.cc/static/images/logos/nodejs.png"
                    alt="node.js"
                  />
                </li>
                <li>
                  <img
                    src=""
                    alt="reactjs"
                  />
                </li>

                <li>
                  <img
                    src="https://www.vue-js.com/public/images/vue.png"
                    alt="vuejs"
                  />
                </li>
                <li>
                  <img
                    src="http://cc.cocimg.com/api/uploads/20171229/1514517309288034.png"
                    alt="vuejs"
                  />
                </li>
                <li>
                  <img
                    src="https://react-redux.js.org/img/redux.svg"
                    alt="react-redux"
                  />
                </li>
                <li>
                  <img
                    src="https://www.webpackjs.com/6bc5d8cf78d442a984e70195db059b69.svg"
                    alt="webpack"
                  />
                </li>
                <li>
                  <img
                    src="https://flutter.dev/assets/flutter-lockup-4cb0ee072ab312e59784d9fbf4fb7ad42688a7fdaea1270ccf6bbf4f34b7e03f.svg"
                    alt="flutter"
                  />
                </li>
              </ul>
            </div>
          </div>
        </section>

        <section name="page4" id="part4" class="section background">
          <div class="content-wrapper">
            <p class="content-title">经历</p>
            <div class="content-history">
              <ul class="mycard">
                <li class="animated">
                  <h3 class="title">
                    上海亘岩股份有限公司
                  </h3>
                  <div class="timeline">
                    2018年9月~至今
                  </div>
                  <p class="job">前端开发工程师</p>
                  <ul class="duty">
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      负责企业公有云平台开发
                    </li>
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      调试页面，撰写相关文档
                    </li>
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      同期工作之余提升自己原生JS的编码能力
                    </li>
                  </ul>
                </li>

                <li class="animated">
                  <h3 class="title">
                    五只土拨鼠食品有限公司
                  </h3>
                  <div class="timeline">
                    2017年6月~2018年1月
                  </div>
                  <p class="job">web前端开发工程师</p>
                  <ul class="duty">
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      负责快速构建高质量移动APP/PC/微信页面
                    </li>
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      根据业务需求设计合适的工程项目
                    </li>
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      高度组件化、模块化思维，拥有各平台调试能力
                    </li>
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      同期学习ES6及vue,react,体会函数式编程思想
                    </li>
                  </ul>
                </li>

                <li class="animated">
                  <h3 class="title">
                    洛迪不动产评估有限责任公司
                  </h3>
                  <div class="timeline">
                    2015年6月~2017年3月
                  </div>
                  <p class="job">房地产估价师助理</p>
                  <ul class="duty">
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      接受部门安排，独立完成报告撰写工作。
                    </li>
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      根据公司项目要求能够协作完成评估项目。
                    </li>
                    <li>
                      <i class="material-icons orange600"
                        >sentiment_satisfied</i
                      >
                      熟悉郑州市房地产市场，有较高的专业技能和一定的分析能力，能够给予客户提供合理化建议。
                    </li>
                  </ul>
                </li>
              </ul>

              <ul class="dot">
                <li class="active"></li>
                <li></li>
                <li></li>
              </ul>

              <!-- <p class="aside">2017年初，毅然决然的放弃了本专业投入计算机怀抱，开始了程序员生涯。</p> -->
            </div>
          </div>
        </section>

        <section name="page5" id="part5" class="section background">
          <div class="content-wrapper">
            <p class="content-title">作品集</p>
            <div class="content-opus">
              <dl>
                <dt class="title">Flutter版玩安卓客户端</dt>
                <dd class="desc">
                  接口用wanAndroid开放接口<br />
                  想要了解更多，可以查看鸿洋大神的wanAndroid网站：http://www.wanandroid.com/index
                </dd>
                <dd class="link"><i class="material-icons md-36">link</i></dd>
              </dl>

              <dl>
                <dt class="title">Flutter版开源中国客户端</dt>
                <dd class="desc">
                  基于Google
                  Flutter的开源中国客户端，支持Android和iOS。受开源中国openapi的限制，获取动弹数据需要登录，由于openapi的资讯接口提供的数据比较简单，故资讯部分采用python爬取的网页数据。本项目纯属个人兴趣爱好而写，不是开源中国官方版本，源代码仅供学习交流，实际使用请下载安装开源中国官方APP
                </dd>
                <dd class="link"><i class="material-icons md-36">link</i></dd>
              </dl>

              <dl>
                <dt class="title">Flutter仿百姓生活+微信小程序</dt>
                <dd class="desc">
                  接口调用来源于Charles抓取 百姓生活+ 小程序
                  使用Egg.js进行转发维护 该项目仅作为个人用途
                </dd>
                <dd class="link"><i class="material-icons md-36">link</i></dd>
              </dl>

              <dl>
                <dt class="title">React + Dva + Umi + Antd Hacker-News 社区</dt>
                <dd class="desc">
                  该项目仿照 vue-hackernews-2.0 使用react技术栈实现
                  接口调用于GooGle Firebase
                </dd>
                <dd class="link"><i class="material-icons md-36">link</i></dd>
              </dl>
            </div>
          </div>
        </section>

        <section name="page6" id="part6" class="section background">
          <div class="content-wrapper">
            <p class="content-title">打个招呼吧</p>
            <p class="content-subtitle">
              我很期待与同龄人的交流。你的留言会被发布在我博客的留言板上，我会在有空时尽快回复你。
            </p>

            <form
              id="comment"
              class="content-form"
              method="POST"
              action="/api/post-data"
            >
              <div class="line1">
                <input type="text" name="name" id="name" placeholder="称呼" />
              </div>
              <div class="line2">
                <input type="text" name="msg" id="msg" placeholder="留言" />
              </div>
              <div class="line3">
                <input type="email" name="mail" id="mail" placeholder="邮箱" />
                <input
                  type="url"
                  name="homepage"
                  id="homepage"
                  placeholder="个人主页或微博地址"
                />
              </div>
              <div class="submit">
                <button type="submit" name="submit-btn">
                  <i
                    class="material-icons md-48"
                    style="transform: rotate(-45deg)"
                    >send</i
                  >
                </button>
              </div>
            </form>
          </div>
        </section>
      </main>
    </div>

    <!-- <ul id="page-button">
      <li class="button-wrapper">
        <div class="button">
          <a href="#part1">1</a>
        </div>
      </li>
      <li class="button-wrapper">
        <div class="button">
          <a href="#part2">2</a>
        </div>
      </li>
      <li class="button-wrapper">
        <div class="button">
          <a href="#part3">3</a>
        </div>
      </li>
      <li class="button-wrapper">
        <div class="button">
          <a href="#part4">4</a>
        </div>
      </li>
    </ul> -->
  </body>
  <script src="/js/utils.js"></script>
  <script src="/js/request.js"></script>
  <script src="/js/home.js"></script>
</html>
